<div id="content" style="background-color:#f2f2f2;">
    <section widget-grid id="widget-grid">
        <div class="row">
            <!-- <article class="col-sm-12">
                <div jarvis-widget>
                    <div>
                        <div class="widget-body no-padding">
                            <div class="widget-body-toolbar">
                                <div class="row form-horizontal">
                                    <ul class="adminHomeUl">
                                        <li class="col-md-4">
                                            <span class="homeLiSpan">
                                                <img src="../img/home1.png"/>
                                            </span>
                                            <span class="input-group homeSpan col-xs-7">
                                                <i></i>
                                                <span>总收入</span>
                                            </span>
                                            <span class="input-group homeSpanF">
                                                123,32
                                            </span>
                                        </li>
                                        <li class="col-md-4">
                                            <span class="homeLiSpan">
                                                <img src="../img/home2.png"/>
                                            </span>
                                            <span class="input-group homeSpan col-xs-7">
                                                <i></i>
                                                <span>总支出</span>
                                            </span>
                                            <span class="input-group homeSpanF">
                                            123,32
                                            </span>
                                        </li>
                                        <li class="col-md-4">
                                            <span class="homeLiSpan">
                                                <img src="../img/home3.png"/>
                                            </span>
                                            <span class="input-group homeSpan col-xs-7">
                                                <i></i>
                                                <span>实际盈亏</span>
                                            </span>
                                            <span class="input-group homeSpanF">
                                            123,32
                                            </span>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </article> -->
            <style>
                .fa-3x{font-size: 4em}
                </style>
            <article>
                <div class="mb-md col-sm-12 col-md-4" style="padding-left: 12px; padding-right: 12px;">
                    <div  class="bg-green-dark text-white rounded-md ant-row-flex ant-row-flex-middle ant-row-flex-start">
                        <div  class="p-md text-center ant-col-8">
                            <i  class="icon iconfont icon-caiwubaobiao fa-3x"></i>
                        </div>
                        <div  class="bg-green-light p-md ant-col-16">
                            <h2  class="h2 text-white">123455</h2>
                            <p  class="text-lg text-uppercase">总收入</p>
                        </div>
                    </div>
                </div>

                <div  class="mb-md col-sm-12 col-md-4" style="padding-left: 12px; padding-right: 12px;">
                    <div  class="bg-red-dark text-white rounded-md ant-row-flex ant-row-flex-middle ant-row-flex-start">
                        <div  class="p-md text-center ant-col-8">
                            <i  class="icon iconfont icon-churu fa-3x"></i>
                        </div>
                        <div  class="bg-red-light p-md ant-col-16">
                            <h2  class="h2 text-white">123455</h2>
                            <p  class="text-lg text-uppercase">总支出</p>
                        </div>
                    </div>
                </div>

                <div  class="mb-md col-sm-12 col-md-4" style="padding-left: 12px; padding-right: 12px;">
                    <div  class="bg-warning-dark text-white rounded-md ant-row-flex ant-row-flex-middle ant-row-flex-start">
                        <div  class="p-md text-center ant-col-8">
                            <i  class="icon iconfont icon-guanliyuan fa-3x"></i>
                        </div>
                        <div  class="bg-warning-light p-md ant-col-16">
                            <h2  class="h2 text-white">123455</h2>
                            <p  class="text-lg text-uppercase">总会员</p>
                        </div>
                    </div>
                </div>
            </article>

            <article class="col-md-12">
                <div jarvis-widget id="horizontal-bar-chart-widget" data-widget-color="darken" data-widget-editbutton="false">
                    <header>
                        <span class="widget-icon"> <i class="fa fa-table"></i> </span>
                        <h2>快捷入口</h2>
                        <div class="widget-toolbar">
                            <button class="btn btn-xs btn-col-fff" data-toggle="modal" data-target="#myModal1">编辑</button>
                        </div>
                    </header>
                    <div>
                        <div class="widget-body no-padding">
                            <div class="widget-body-toolbar">
                                <div class="row form-horizontal">
                                    <ul class="adminHomeUl">
                                        <li class="col-md-2 homeScroll">
                                            <i class="icon iconfont icon-pingtaiguanli"></i>
                                            <a data-ui-sref="app.Platform.Platformaccount" class="form-group">
                                            平台管理
                                            </a>
                                        </li>
                                        <li class="col-md-2 homeScroll">
                                            <i class="icon iconfont icon-caidan"></i>
                                            <a data-ui-sref="app.Platform.menu" class="form-group">
                                                菜单管理
                                            </a>
                                        </li>
                                        <li class="col-md-2 homeScroll">
                                            <i class="icon iconfont icon-site"></i>
                                            <a data-ui-sref="app.site.siteManager" class="form-group">
                                                站点管理
                                            </a>
                                        </li>
                                        <li class="col-md-2 homeScroll">
                                            <i class="icon iconfont icon-yonghuguanli"></i>
                                            <a data-ui-sref="app.customer.userManagement" class="form-group">
                                                用户管理
                                            </a>
                                        </li>
                                        <li class="col-md-2 homeScroll">
                                            <i class="icon iconfont icon-zizhanghao"></i>
                                            <a data-ui-sref="app.customer.childAccount" class="form-group">
                                                子账号管理
                                            </a>
                                        </li>
                                        <li class="col-md-2 homeScroll">
                                            <i class="icon iconfont icon-baobiaotongji"></i>
                                            <a data-ui-sref="app.statistical.transactionStatistics" class="form-group">
                                                交易统计
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </article>
            <article class="col-md-6 col-lg-8 col-sm-6 col-xs-12">
                <div jarvis-widget  data-widget-color="darken" data-widget-editbutton="false">
                    <header>
                        <span class="widget-icon"> <i class="fa fa-table"></i> </span>
                        <h2>账目统计分析</h2>
                    </header>
                    <div>
                        <div class="widget-body no-padding">
                            <div id="tabs" data-smart-jqui-tabs>
                                <ul>
                                    <li>
                                        <a href="#tabs-a">总收入</a>
                                    </li>
                                    <li>
                                        <a href="#tabs-b">总支出</a>
                                    </li>
                                </ul>
                                <div id="tabs-a" class="HomeTabs">
                                    <div id="container4" >
                                    </div>
                                </div>
                                <div id="tabs-b" class="HomeTabs">
                                    <div id="container5" >
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </article>
            <article class="col-md-6 col-lg-4 col-sm-6 col-xs-12">
                <div jarvis-widget  data-widget-color="darken" data-widget-editbutton="false">
                    <header>
                        <span class="widget-icon"> <i class="fa fa-table"></i> </span>
                        <h2>商品销售TOP排名</h2>
                    </header>
                    <div>
                        <div class="widget-body no-padding">
                            <div class="widget-body-toolbar">
                                <div class="row form-horizontal">
                                    <b class="col-md-offset-1 homeB"></b>
                                    <ul class="homeCommdity">
                                        <li><span class="homeCommdity1"><span class="homeC_s1">1</span></span><span class=" homeCommdity2">站点一号名称</span><span class=" homeCommdity3">323,344</span></li>
                                        <li><span class="homeCommdity1"><span class="homeC_s2">2</span></span><span class=" homeCommdity2">站点一号名称</span><span class=" homeCommdity3">323,344</span></li>
                                        <li><span class="homeCommdity1"><span class="homeC_s3">3</span></span><span class=" homeCommdity2">站点一号名称</span><span class=" homeCommdity3">323,344</span></li>
                                        <li><span class="homeCommdity1"><span>4</span></span><span class=" homeCommdity2">站点一号名称</span><span class=" homeCommdity3">323,344</span></li>
                                        <li><span class="homeCommdity1"><span>5</span></span><span class=" homeCommdity2">站点一号名称</span><span class=" homeCommdity3">323,344</span></li>
                                        <li><span class="homeCommdity1"><span>6</span></span><span class=" homeCommdity2">站点一号名称</span><span class=" homeCommdity3">323,344</span></li>
                                        <li><span class="homeCommdity1"><span>7</span></span><span class=" homeCommdity2">站点一号名称</span><span class=" homeCommdity3">323,344</span></li>
                                        <li><span class="homeCommdity1"><span>8</span></span><span class=" homeCommdity2">站点一号名称</span><span class=" homeCommdity3">323,344</span></li>
                                        <li><span class="homeCommdity1"><span>9</span></span><span class=" homeCommdity2">站点一号名称</span><span class=" homeCommdity3">323,344</span></li>
                                        <li><span class="homeCommdity1"><span>10</span></span><span class=" homeCommdity2">站点一号名称</span><span class=" homeCommdity3">323,344</span></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </article>

            <article class="col-sm-12">
                <div jarvis-widget id="standard-datatable-widget" data-widget-color="darken" data-widget-editbutton="false">
                    <header>
                        <span class="widget-icon"> <i class="fa fa-table"></i> </span>
                        <h2>站点统计</h2>
                    </header>
                    <div>
                        <div class="widget-body">
                            <div class="widget-body-toolbar">
                                <div class="row form-horizontal">
                                    <label class="col-md-2 input-label homelabels">近一年站点开设</label>
                                    <div class="col-md-1">
                                        <button class="btn btn-default" ng-click="thisWeek()">本周</button>
                                    </div>
                                    <div class="col-md-1">
                                        <button class="btn btn-default" ng-click="thisMonthStr()">本月</button>
                                    </div>
                                    <div class="col-md-1">
                                        <button class="btn btn-default" ng-click="thisYear()">全年</button>
                                    </div>
                                    <div class="col-md-2">
                                        <div class="input-group ">
                                            <input type="text" name="mydate" placeholder="{{lang['Creation Time']}}" class="form-control datepicker startTime" data-smart-datepicker options="datepickerOptions" data-date-format="YYYY-MM-DD">
                                            <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
                                        </div>
                                    </div>
                                    <div class="col-md-2">
                                        <div class="input-group ">
                                            <input type="text" name="mydate" placeholder="{{lang['End time']}}" class="form-control datepicker endTime" data-smart-datepicker options="datepickerOptions" data-date-format="YYYY-MM-DD">
                                            <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
                                        </div>
                                    </div>
                                    <div class="col-md-1">
                                        <button class="btn btn-default">搜索</button>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-3">
                                <label class="control-label homeLabel homeSite">累计开设站点</label>
                                <div class="homeDiv">
                                    <span class="homeD_s homeD_s1">4320</span>
                                    <span class="homeD_s homeLabel">周同比</span>
                                    <span class="homeD_s homeD_st3"><span></span></span>
                                    <span class="homeD_s">12%</span>
                                </div>
                                <label class="control-label homeLabel homeSite">累计开设站点</label>
                                <div class="homeDiv">
                                    <span class="homeD_s homeD_s1">4320</span>
                                    <span class="homeD_s homeLabel">周同比</span>
                                    <span class="homeD_s homeD_sb3"><span></span></span>
                                    <span class="homeD_s">12%</span>
                                </div>
                            </div>
                            <div class="col-md-9">
                                <canvas line-chart height="120" ></canvas>
                            </div>
                        </div>
                    </div>
                </div>
            </article>
            <article class=" col-md-6 col-lg-5 col-sm-6 col-xs-12">
                <div jarvis-widget id="auto-updating-chart-widget"  data-widget-color="darken" data-widget-editbutton="false">
                    <header>
                        <span class="widget-icon"> <i class="fa fa-table"></i> </span>
                        <h2>流量占比</h2>
                    </header>
                    <div>
                        <div class="widget-body">
                            <div class="row">
                                <div class="">
                                    <div id="container6" >
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </article>
            <article class=" col-md-6 col-lg-7 col-sm-6 col-xs-12">
                <div jarvis-widget  data-widget-color="darken" data-widget-editbutton="false">
                    <header>
                        <span class="widget-icon"> <i class="fa fa-table"></i> </span>
                        <h2>在线会员</h2>
                    </header>
                    <div>
                        <div class="widget-body">
                            <div class="row">
                                <div id="container">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </article>
            <div class="clearfix"></div>
        </div>
    </section>
    <div class="modal fade" id="myModal1" tabindex="-1" role="dialog" aria-labelledby="addAccount" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                        &times;
                    </button>
                    <h4 class="modal-title" id="">快捷入口编辑</h4>
                </div>
                <div class="modal-body">
                    <form class="form-horizontal ng-pristine ng-valid widget-body">

                        <fieldset>
                            <div class="form-group">
                                <label class="col-md-2 col-xs-4 input-label">快捷菜单</label>
                                <div class="col-md-10 col-xs-8">
                                    <select data-smart-select2 multiple  class="select2" ng-model="select11" ng-change="homeSelect()">
                                        <optgroup label="Mountain Time Zone">
                                            <option value="AZ">Arizona</option>
                                            <option value="CO">Colorado</option>
                                            <option value="ID">Idaho</option>
                                            <option value="NM">New Mexico</option>
                                            <option value="ND">North Dakota</option>
                                            <option value="UT">Utah</option>
                                            <option value="WY">Wyoming</option>
                                        </optgroup>
                                        <optgroup label="Central Time Zone">
                                            <option value="AL">Alabama</option>
                                            <option value="AR">Arkansas</option>
                                            <option value="IL">Illinois</option>
                                            <option value="IA">Iowa</option>
                                            <option value="KS">Kansas</option>
                                            <option value="KY">Kentucky</option>
                                            <option value="LA">Louisiana</option>
                                            <option value="MN">Minnesota</option>
                                            <option value="MS">Mississippi</option>
                                            <option value="MO">Missouri</option>
                                            <option value="OK">Oklahoma</option>
                                            <option value="SD">South Dakota</option>
                                            <option value="TX">Texas</option>
                                            <option value="TN">Tennessee</option>
                                            <option value="WI">Wisconsin</option>
                                        </optgroup>
                                        <optgroup label="Eastern Time Zone">
                                            <option value="CT">Connecticut</option>
                                            <option value="DE">Delaware</option>
                                            <option value="FL">Florida</option>
                                            <option value="GA">Georgia</option>
                                            <option value="IN">Indiana</option>
                                            <option value="ME">Maine</option>
                                            <option value="MD">Maryland</option>
                                            <option value="MA">Massachusetts</option>
                                            <option value="NH">New Hampshire</option>
                                            <option value="NJ">New Jersey</option>
                                            <option value="NY">New York</option>
                                            <option value="NC">North Carolina</option>
                                            <option value="OH">Ohio</option>
                                            <option value="PA">Pennsylvania</option>
                                            <option value="RI">Rhode Island</option>
                                            <option value="SC">South Carolina</option>
                                            <option value="VT">Vermont</option>
                                            <option value="VA">Virginia</option>
                                            <option value="WV">West Virginia</option>
                                        </optgroup>
                                    </select>
                                </div>
                            </div>
                        </fieldset>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">
                        {{lang['Cancel']}}
                    </button>
                    <button type="button" class="btn btn-primary" data-dismiss="modal" ng-click="sub()">
                        提交
                    </button>
                </div>
            </div>
        </div>
    </div>
</div>

